<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="./css/kecheng.css"/>
	</head>
	<body>
		<div class="container-fluid head">
			<div class="col-xs-12 head-xs">
				<div class="fl xs-head">
					<input type="checkbox"  id="toggle">
					<label class="test" for="toggle">
						<span></span>
						<span></span>
						<span></span>
						<span></span>
					</label>
					<div class="xs-catalog">
						<ul>
							<li><a href="index.html">首页</a></li>
							<li><a href="guanyu.html">关于</a></li>
							<li><a href="kecheng.html">课程</a></li>
							<li><a href="zixun.html">资讯</a></li>
							<li><a href="lianxi.html">联系</a></li>
						</ul>
					</div>
				</div>
				<div class="fl xs-head-img">
					<img src="img/1.webp" >
				</div>
				<div class="clear"></div>
			</div>
			<div class="header-nav">
				<div class="container header">
					<div class="col-lg-5 header-img">
						<img src="./img/1.webp" >
					</div>
					<div class="col-lg-5 head-title">
						<ul>
							<li ><a href="index.html">首页</a></li>
							<li><a href="guanyu.html">关于</a></li>
							<li class="head-title-a"><a href="kecheng.html">课程</a></li>
							<li><a href="zixun.html">资讯</a></li>
							<li><a href="lianxi.html">联系</a></li>
							<div class="clear"></div>
						</ul>
					</div>
					<div class="col-lg-2 head-title-right">
						<i class="icon-1"></i>
						<span>001-0011-2222</span>
					</div>
				</div>
			</div>
			<div class="head-img">
				<div class="container head-title">
					<p>课程</p>
					<div class="col-xs-12 col-lg-12 line">
						<div class="fl line-left"></div>
						<div class="fl line-right"></div>
						<div class="clear"></div>
					</div>
					<span>首页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;课程</span>
				</div>
			</div>
		</div>
		<div class="container summary">
			<div class="container menu">
				<div class="col-xs-12 col-lg-6 menu-left">
					<img src="img/28.webp" >
				</div>
				<div class="col-xs-12 col-lg-6 menu-right">
					<ul>
						<li>极速畅想班<span>4280<i>￥</i></span></li>
						<li>20课时</li>
						<li>不同于其它假响应式品牌，起飞页采用的是真正的响应式引擎。您只需对网站资料进行一次性输入，网站即可根据访问者的设备智能地呈现出完美效果全程无需人工干预。设备包括但不限于：计算机、Pad、微信、手机和电 不同于其它假响应式品牌，起飞页采用的是真正的响应式引擎。您只需对网站资料进行一次性输入，网站即可根据访问者的设备智能地呈现出完美效果，全程无需人工干预。不同于其它假响应式品牌，起飞页采用的是真正的响应式引擎。</li>
					</ul>
					<div class="button">
						<span>查 看 课 程 →</span>
					</div>
				</div>
			</div>
			<div class="container menu">
				<div class="col-xs-12 col-lg-6 menu-right">
					<ul>
						<li>自由御驾班<span>5400<i>￥</i></span></li>
						<li>20课时</li>
						<li>不同于其它假响应式品牌，起飞页采用的是真正的响应式引擎。您只需对网站资料进行一次性输入，网站即可根据访问者的设备智能地呈现出完美效果全程无需人工干预。设备包括但不限于：计算机、Pad、微信、手机和电 不同于其它假响应式品牌，起飞页采用的是真正的响应式引擎。您只需对网站资料进行一次性输入，网站即可根据访问者的设备智能地呈现出完美效果，全程无需人工干预。不同于其它假响应式品牌，起飞页采用的是真正的响应式引擎。</li>
					</ul>
					<div class="button">
						<span>查 看 课 程 →</span>
					</div>
				</div>
				<div class="col-xs-12 col-lg-6 menu-left">
					<img src="img/29.webp" >
				</div>
			</div>
			<div class="container menu">
				<div class="col-xs-12 col-lg-6 menu-left">
					<img src="img/30.webp" >
				</div>
				<div class="col-xs-12 col-lg-6 menu-right">
					<ul>
						<li>至尊私享班<span>8000<i>￥</i></span></li>
						<li>20课时</li>
						<li>不同于其它假响应式品牌，起飞页采用的是真正的响应式引擎。您只需对网站资料进行一次性输入，网站即可根据访问者的设备智能地呈现出完美效果全程无需人工干预。设备包括但不限于：计算机、Pad、微信、手机和电 不同于其它假响应式品牌，起飞页采用的是真正的响应式引擎。您只需对网站资料进行一次性输入，网站即可根据访问者的设备智能地呈现出完美效果，全程无需人工干预。不同于其它假响应式品牌，起飞页采用的是真正的响应式引擎。</li>
					</ul>
					<div class="button">
						<span>查 看 课 程 →</span>
					</div>
				</div>
			</div>
			<div class="container menu">
				<div class="col-xs-12 col-lg-6 menu-right">
					<ul>
						<li>荣耀尊享班<span>16800<i>￥</i></span></li>
						<li>20课时</li>
						<li>不同于其它假响应式品牌，起飞页采用的是真正的响应式引擎。您只需对网站资料进行一次性输入，网站即可根据访问者的设备智能地呈现出完美效果全程无需人工干预。设备包括但不限于：计算机、Pad、微信、手机和电 不同于其它假响应式品牌，起飞页采用的是真正的响应式引擎。您只需对网站资料进行一次性输入，网站即可根据访问者的设备智能地呈现出完美效果，全程无需人工干预。不同于其它假响应式品牌，起飞页采用的是真正的响应式引擎。</li>
					</ul>
					<div class="button">
						<span>查 看 课 程 →</span>
					</div>
				</div>
				<div class="col-xs-12 col-lg-6 menu-left">
					<img src="./img/31.webp" >
				</div>
			</div>
		</div>
		<div class="container-fluid bottom">
			<div class="container bottom-title">
				<div class="col-xs-12 col-lg-5 bottom-left">
					<img src="img/1.webp" >
					<ul>
						<li>青少年和成人的防御性驾驶，交通学校和驾驶员教育的领导者。</li>
						<li>COPYRIGHT (©) 2019 驾校模板 京ICP备41414141414-1号 </li>
					</ul>
				</div>
				<div class="col-lg-2 bottom-right">
					<ul>
						<li>关于我们</li>
						<li>师资力量</li>
						<li>课程价格</li>
						<li>新闻博客</li>
					</ul>
				</div>
				<div class="col-lg-3 bottom-right">
					<ul>
						<li>联系我们</li>
						<li>地址：苏州市工业园区00号</li>
						<li>电话：+1 703-518-6099</li>
						<li>邮件：hello@qifeiye.com</li>
					</ul>
				</div>
				<div class="col-lg-2 bottom-right">
					<ul>
						<li>分享</li>
					</ul>
					<ul>
						<li ><i class="icon-b1"></i></li>
						<li ><i class="icon-b2"></i></li>
						<li ><i class="icon-b3"></i></li>
						<li ><i class="icon-b4"></i></li>
					</ul>
				</div>
			</div>
		</div>
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	</body>
</html>
